<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<title>Constellation Admin Skin</title>
	<meta name="description" content="">
	<meta name="author" content="">
	
	<!-- Combined stylesheets load -->
	<!-- Load either 960.gs.fluid or 960.gs to toggle between fixed and fluid layout -->
	<link href="css/mini3537.css?files=reset,common,form,standard,960.gs.fluid,simple-lists,block-lists,planning,table,calendars,wizard,gallery" rel="stylesheet" type="text/css">
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
	<link rel="icon" type="image/png" href="favicon-large.png">
	
	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="js/libs/modernizr.custom.min.js"></script>
	
	<!--
	
	This file is from the demo website of the Constellation Admin Skin
	
	If you like it and wish to use it, please consider buying it on ThemeForest:
	http://themeforest.net/item/constellation-complete-admin-skin/116461
	
	Thanks!
	
	-->
	
</head>

<body>
<!-- The template uses conditional comments to add wrappers div for ie8 and ie7 - just add .ie or .ie7 prefix to your css selectors when needed -->
<!--[if lt IE 9]><div class="ie"><![endif]-->
<!--[if lt IE 8]><div class="ie7"><![endif]-->
	
	<!-- Header -->
	
	<!-- Server status -->
	<header><div class="container_12">
		
		<p id="skin-name"><small>Constellation<br> Admin Skin</small> <strong>1.5</strong></p>
		<div class="server-info">Server: <strong>Apache (unknown)</strong></div>
		<div class="server-info">Php: <strong>5.2.17</strong></div>
		
	</div></header>
	<!-- End server status -->

	<!-- Main nav -->
	<nav id="main-nav">
		
		<ul class="container_12">
			<li class="home current"><a href="javascript:void(0)" title="Home">Home</a>
				<ul>
					<li class="current"><a href="javascript:void(0)" title="Dashboard">Dashboard</a></li>
					<li><a href="javascript:void(0)" title="My profile">My profile</a></li>
					<li class="with-menu"><a href="javascript:void(0)" title="My settings">My settings</a>
						<div class="menu">
							<img src="images/menu-open-arrow.png" width="16" height="16">
							<ul>
								<li class="icon_address"><a href="javascript:void(0)">Browse by</a>
									<ul>
										<li class="icon_blog"><a href="javascript:void(0)">Blog</a>
											<ul>
												<li class="icon_alarm"><a href="javascript:void(0)">Recents</a>
													<ul>
														<li class="icon_building"><a href="javascript:void(0)">Corporate blog</a></li>
														<li class="icon_newspaper"><a href="javascript:void(0)">Press blog</a></li>
													</ul>
												</li>
												<li class="icon_building"><a href="javascript:void(0)">Corporate blog</a></li>
												<li class="icon_computer"><a href="javascript:void(0)">Support blog</a></li>
												<li class="icon_search"><a href="javascript:void(0)">Search...</a></li>
											</ul>
										</li>
										<li class="icon_server"><a href="javascript:void(0)">Website</a></li>
										<li class="icon_network"><a href="javascript:void(0)">Domain</a></li>
									</ul>
								</li>
								<li class="icon_export"><a href="javascript:void(0)">Export</a>
									<ul>
										<li class="icon_doc_excel"><a href="javascript:void(0)">Excel</a></li>
										<li class="icon_doc_csv"><a href="javascript:void(0)">CSV</a></li>
										<li class="icon_doc_pdf"><a href="javascript:void(0)">PDF</a></li>
										<li class="icon_doc_image"><a href="javascript:void(0)">Image</a></li>
										<li class="icon_doc_web"><a href="javascript:void(0)">Html</a></li>
									</ul>
								</li>
								<li class="sep"></li>
								<li class="icon_refresh"><a href="javascript:void(0)">Reload</a></li>
								<li class="icon_reset">Reset</li>
								<li class="icon_search"><a href="javascript:void(0)">Search</a></li>
								<li class="sep"></li>
								<li class="icon_terminal"><a href="javascript:void(0)">Custom request</a></li>
								<li class="icon_battery"><a href="javascript:void(0)">Stats server load</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</li>
			<li class="write"><a href="javascript:void(0)" title="Write">Write</a>
				<ul>
					<li><a href="javascript:void(0)" title="Articles">Articles</a></li>
					<li><a href="javascript:void(0)" title="Add article">Add article</a></li>
					<li><a href="javascript:void(0)" title="Posts">Posts</a></li>
					<li><a href="javascript:void(0)" title="Add post">Add post</a></li>
				</ul>
			</li>
			<li class="comments"><a href="javascript:void(0)" title="Comments">Comments</a>
				<ul>
					<li><a href="javascript:void(0)" title="Manage">Manage</a></li>
					<li><a href="javascript:void(0)" title="Spams">Spams</a></li>
				</ul>
			</li>
			<li class="medias"><a href="javascript:void(0)" title="Medias">Medias</a>
				<ul>
					<li><a href="javascript:void(0)" title="Browse">Browse</a></li>
					<li><a href="javascript:void(0)" title="Add file">Add file</a></li>
					<li><a href="javascript:void(0)" title="Manage">Manage</a></li>
					<li><a href="javascript:void(0)" title="Settings">Settings</a></li>
				</ul>
			</li>
			<li class="users"><a href="javascript:void(0)" title="Users">Users</a>
				<ul>
					<li><a href="javascript:void(0)" title="Browse">List</a></li>
					<li><a href="javascript:void(0)" title="Add user">Add user</a></li>
					<li><a href="javascript:void(0)" title="Settings">Settings</a></li>
				</ul>
			</li>
			<li class="stats"><a href="javascript:void(0)" title="Stats">Stats</a></li>
			<li class="settings"><a href="javascript:void(0)" title="Settings">Settings</a></li>
			<li class="backup"><a href="javascript:void(0)" title="Backup">Backup</a></li>
		</ul>
	</nav>
	<!-- End main nav -->
	
	<!-- Sub nav -->
	<div id="sub-nav"><div class="container_12">
		
		<a href="javascript:void(0)" title="Help" class="nav-button"><b>Help</b></a>
	
		<form id="search-form" name="search-form" method="post" action="http://www.display-inline.fr/demo/constellation/template/search.php">
			<input type="text" name="s" id="s" value="" title="Search admin..." autocomplete="off">
		</form>
	
	</div></div>
	<!-- End sub nav -->
	
	<!-- Status bar -->
	<div id="status-bar"><div class="container_12">
	
		<ul id="status-infos">
			<li class="spaced">Logged as: <strong>Admin</strong></li>
			<li>
				<a href="javascript:void(0)" class="button" title="5 messages"><img src="images/icons/fugue/mail.png" width="16" height="16"> <strong>5</strong></a>
				<div id="messages-list" class="result-block">
					<span class="arrow"><span></span></span>
					
					<ul class="small-files-list icon-mail">
						<li>
							<a href="javascript:void(0)"><strong>10:15</strong> Please update...<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Yest.</strong> Hi<br>
							<small>From: Jane</small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Yest.</strong> System update<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>2 days</strong> Database backup<br>
							<small>From: System</small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>2 days</strong> Re: bug report<br>
							<small>From: Max</small></a>
						</li>
					</ul>
					
					<p id="messages-info" class="result-info"><a href="javascript:void(0)">Go to inbox &raquo;</a></p>
				</div>
			</li>
			<li>
				<a href="javascript:void(0)" class="button" title="25 comments"><img src="images/icons/fugue/balloon.png" width="16" height="16"> <strong>25</strong></a>
				<div id="comments-list" class="result-block">
					<span class="arrow"><span></span></span>
					
					<ul class="small-files-list icon-comment">
						<li>
							<a href="javascript:void(0)"><strong>Jane</strong>: I don't think so<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Ken_54</strong>: What about using a different...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Jane</strong> Sure, but no more.<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Max</strong>: Have you seen that...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Anonymous</strong>: Good luck!<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Sébastien</strong>: This sure rocks!<br>
							<small>On <strong>Another post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>John</strong>: Me too!<br>
							<small>On <strong>Third post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>John</strong> This can be solved by...<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Jane</strong>: No prob.<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Anonymous</strong>: I had the following...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Anonymous</strong>: Yes<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Lian</strong>: Please make sure that...<br>
							<small>On <strong>Last post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Ann</strong> Thanks!<br>
							<small>On <strong>Last post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Max</strong>: Don't tell me what...<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Gordon</strong>: Here is an article about...<br>
							<small>On <strong>My another post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Lee</strong>: Try to reset the value first<br>
							<small>On <strong>Last title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Lee</strong>: Sure!<br>
							<small>On <strong>Second post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Many</strong> Great job, keep on!<br>
							<small>On <strong>Third post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>John</strong>: I really like this<br>
							<small>On <strong>First title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Paul</strong>: Hello, I have an issue with...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>June</strong>: Yuck.<br>
							<small>On <strong>Another title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Jane</strong>: Wow, sounds amazing, do...<br>
							<small>On <strong>Another title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Esther</strong>: Man, this is the best...<br>
							<small>On <strong>Another post</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>Max</strong>: Thanks!<br>
							<small>On <strong>Post title</strong></small></a>
						</li>
						<li>
							<a href="javascript:void(0)"><strong>John</strong>: I'd say it is not safe...<br>
							<small>On <strong>My first post</strong></small></a>
						</li>
					</ul>
					
					<p id="comments-info" class="result-info"><a href="javascript:void(0)">Manage comments &raquo;</a></p>
				</div>
			</li>
			<li><a href="login.html" class="button red" title="Logout"><span class="smaller">LOGOUT</span></a></li>
		</ul>
		
		<ul id="breadcrumb">
			<li><a href="javascript:void(0)" title="Home">Home</a></li>
			<li><a href="javascript:void(0)" title="Dashboard">Dashboard</a></li>
		</ul>
	
	</div></div>
	<!-- End status bar -->
	
	<div id="header-shadow"></div>
	<!-- End header -->
	
	<!-- Always visible control bar -->
	<div id="control-bar" class="grey-bg clearfix"><div class="container_12">
		
		<div class="float-left">
			<button type="button" onClick="document.location.href = '../index.html#pages';"><img src="images/icons/fugue/navigation-180.png" width="16" height="16"> Back to demo website</button>
		</div>
		
		<div class="float-right">
			<button type="button" class="red">Cancel</button>
			<button type="button"><img src="images/icons/fugue/tick-circle.png" width="16" height="16"> Save</button>
		</div>
		
	</div></div>
	<!-- End control bar -->
	
	<!-- Content -->
	<article class="container_12">
						
		<ul class="message success grid_12">
			<li>This is a <strong>success message</strong>, out of any box</li>
			<li class="close-bt"></li>
		</ul>
		
		<section class="grid_4">
			<div class="block-border"><form class="block-content form" id="simple_form" method="post" action="#">
				<h1>Simple form</h1>
				
				<fieldset class="grey-bg required">
					<legend>Fieldset with background</legend>
					<p>
						<label for="simple-required">Required input</label>
						<input type="text" name="simple-required" id="simple-required" value="" class="full-width">
					</p>
				</fieldset>
				
				<fieldset>
					<legend>Fieldset</legend>
					
					<ul class="message error no-margin">
						<li>This is an <strong>error message</strong>, inside a form</li>
					</ul>
					
					<p>
						<label for="simple-calendar">Date selector</label>
						<span class="input-type-text margin-right error relative"><input type="text" name="simple-calendar" id="simple-calendar" value="" class="datepicker"><img src="images/icons/fugue/calendar-month.png" width="16" height="16"><span class="check-error"></span></span> <button type="button" class="grey">Today</button>
					</p>
					<p>
						<span class="label">Inline checkable</span>
						<input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-1" value="1">&nbsp;<label for="simple-checkbox-1">Views</label>
						<input type="checkbox" name="simple-checkbox[]" id="simple-checkbox-2" value="2">&nbsp;<label for="simple-checkbox-2">Unique visitors</label>
					</p>
					
					<div class="columns">
						<div class="colx2-left">
							<span class="label">Checkable list</span>
							<ul class="checkable-list">
								<li><input type="radio" name="simple-radio" id="simple-radio-1" value="1">&nbsp;<label for="simple-radio-1">Group</label></li>
								<li><input type="radio" name="simple-radio" id="simple-radio-2" value="2">&nbsp;<label for="simple-radio-2">Separate</label></li>
							</ul>
						</div>
						<p class="colx2-right">
							<label for="simple-select">Select</label>
							<select name="simple-select" id="simple-select" class="full-width">
								<option value="1">Option 1</option>
								<option value="2">Option 2</option>
								<option value="3">Option 3</option>
								<option value="4">Option 4</option>
							</select>
						</p>
					</div>
					
					<div class="columns">
						<div class="colx2-left">
							<label for="simple-switch-off">Switch off</label>
							<input type="checkbox" name="simple-switch-off" id="simple-switch-off" value="1" class="switch">
						</div>
						<p class="colx2-right">
							<label for="simple-switch-on">Switch on</label>
							<input type="checkbox" name="simple-switch-on" id="simple-switch-on" value="1" checked="checked" class="switch">
						</p>
					</div>
					
				</fieldset>
				
				<fieldset class="grey-bg no-margin">
					<legend>Action on create</legend>
					<p class="input-with-button">
						<label for="simple-action">Select action</label>
						<select name="simple-action" id="simple-action">
							<option value="1">Save and publish</option>
							<option value="2">Save only</option>
						</select>
						<button type="button">Create</button>
					</p>
				</fieldset>
					
			</form></div>
		</section>
		
		<section class="grid_8">
			<div class="block-border"><form class="block-content form" id="complex_form" method="post" action="#">
				<h1>Complex form</h1>
				
				<div class="block-controls">
					
					<ul class="controls-tabs js-tabs">
						<li class="current"><a href="javascript:void(0)" title="Charts"><img src="images/icons/web-app/24/Bar-Chart.png" width="24" height="24"></a></li>
						<li><a href="javascript:void(0)" title="Comments"><img src="images/icons/web-app/24/Comment.png" width="24" height="24"></a></li>
						<li><a href="javascript:void(0)" title="Medias"><img src="images/icons/web-app/24/Picture.png" width="24" height="24"></a></li>
						<li><a href="javascript:void(0)" title="Users"><img src="images/icons/web-app/24/Profile.png" width="24" height="24"></a></li>
						<li><a href="javascript:void(0)" title="Informations"><img src="images/icons/web-app/24/Info.png" width="24" height="24"></a></li>
					</ul>
					
				</div>
				
				<ul class="message warning no-margin">
					<li>This is a <strong>warning message</strong>, inside a box</li>
					<li class="close-bt"></li>
				</ul>
				
				<div class="columns">
					<div class="col200pxL-left">
						
						<h2>Side tabs</h2>
						
						<ul class="side-tabs js-tabs same-height">
							<li><a href="#tab-global" title="Global properties">Global properties</a></li>
							<li><a href="#tab-settings" title="Language settings">Language settings</a></li>
							<li><a href="#tab-relations" title="Relations">Relations</a></li>
							<li><a href="#tab-history" title="History">History</a></li>
							<li><span>Advanced parameters</span></li>
							<li class="icon-tab with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li>
						</ul>
						
					</div>
					<div class="col200pxL-right">
						
						<div id="tab-global" class="tabs-content">
							
							<ul class="tabs js-tabs same-height">
								<li class="current"><a href="#tab-locales" title="Locales">Locales</a></li>
								<li><a href="#tab-options" title="Options">Options</a></li>
								<li><span>Advanced</span></li>
								<li class="with-margin"><a href="javascript:void(0)" title="Add tab"><img src="images/icons/add.png" width="16" height="16"></a></li>
							</ul>
							
							<div class="tabs-content">
								
								<div id="tab-locales">
								
									<div class="infos">
										<h3>Locales edition</h3>
										<p>Choose a locale below and edit informations as needed</p>
									</div>
									
									<ul class="mini-tabs no-margin js-tabs same-height">
										<li><a href="#tab-en"><img src="images/icons/flags/us.png" width="16" height="11" alt="English" title="English"></a></li>
										<li class="current"><a href="#tab-fr"><img src="images/icons/flags/fr.png" width="16" height="11" alt="French" title="French"></a></li>
										<li><a href="#tab-de"><img src="images/icons/flags/de.png" width="16" height="11" alt="German" title="German"></a></li>
										<li><a href="#tab-es"><img src="images/icons/flags/es.png" width="16" height="11" alt="Spanish" title="Spanish"></a></li>
										<li><a href="#tab-ru"><img src="images/icons/flags/ru.png" width="16" height="11" alt="Russian" title="Russian"></a></li>
										<li><a href="#tab-jp"><img src="images/icons/flags/jp.png" width="16" height="11" alt="Japanese" title="Japanese"></a></li>
									</ul>
									
									<div id="tab-en">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-en-title" id="complex-en-title" value="English" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-en-active" id="complex-en-active-1" value="1" checked="checked">&nbsp;<label for="complex-en-active-1">Yes</label>
													<input type="radio" name="complex-en-active" id="complex-en-active-0" value="0">&nbsp;<label for="complex-en-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-en-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-en-url" id="complex-en-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-en-subtitle">Subtitle</label>
													<input type="text" name="complex-en-subtitle" id="complex-en-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-0" value="0">&nbsp;<label for="complex-en-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-1" value="1">&nbsp;<label for="complex-en-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-en-checkbox[]" id="complex-en-checkbox-2" value="2">&nbsp;<label for="complex-en-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-en-style">Style</label>
													<select name="complex-en-style" id="complex-en-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
									
									<div id="tab-fr">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-fr-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-fr-title" id="complex-fr-title" value="Français" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-fr-active" id="complex-fr-active-1" value="1" checked="checked">&nbsp;<label for="complex-fr-active-1">Yes</label>
													<input type="radio" name="complex-fr-active" id="complex-fr-active-0" value="0">&nbsp;<label for="complex-fr-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-fr-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-fr-url" id="complex-fr-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-fr-subtitle">Subtitle</label>
													<input type="text" name="complex-fr-subtitle" id="complex-fr-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-0" value="0">&nbsp;<label for="complex-fr-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-1" value="1">&nbsp;<label for="complex-fr-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-fr-checkbox[]" id="complex-fr-checkbox-2" value="2">&nbsp;<label for="complex-fr-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-fr-style">Style</label>
													<select name="complex-fr-style" id="complex-fr-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
									
									<div id="tab-de">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-de-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-de-title" id="complex-de-title" value="Deutsch" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-de-active" id="complex-de-active-1" value="1" checked="checked">&nbsp;<label for="complex-de-active-1">Yes</label>
													<input type="radio" name="complex-de-active" id="complex-de-active-0" value="0">&nbsp;<label for="complex-de-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-de-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-de-url" id="complex-de-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-de-subtitle">Subtitle</label>
													<input type="text" name="complex-de-subtitle" id="complex-de-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-0" value="0">&nbsp;<label for="complex-de-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-1" value="1">&nbsp;<label for="complex-de-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-de-checkbox[]" id="complex-de-checkbox-2" value="2">&nbsp;<label for="complex-de-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-de-style">Style</label>
													<select name="complex-de-style" id="complex-de-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
									
									<div id="tab-es">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-es-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-es-title" id="complex-es-title" value="Español" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-es-active" id="complex-es-active-1" value="1" checked="checked">&nbsp;<label for="complex-es-active-1">Yes</label>
													<input type="radio" name="complex-es-active" id="complex-es-active-0" value="0">&nbsp;<label for="complex-es-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-es-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-es-url" id="complex-es-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-es-subtitle">Subtitle</label>
													<input type="text" name="complex-es-subtitle" id="complex-es-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-0" value="0">&nbsp;<label for="complex-es-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-1" value="1">&nbsp;<label for="complex-es-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-es-checkbox[]" id="complex-es-checkbox-2" value="2">&nbsp;<label for="complex-es-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-es-style">Style</label>
													<select name="complex-es-style" id="complex-es-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
									
									<div id="tab-ru">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-ru-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-ru-title" id="complex-ru-title" value="Русский" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-ru-active" id="complex-ru-active-1" value="1" checked="checked">&nbsp;<label for="complex-ru-active-1">Yes</label>
													<input type="radio" name="complex-ru-active" id="complex-ru-active-0" value="0">&nbsp;<label for="complex-ru-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-ru-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-ru-url" id="complex-ru-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-ru-subtitle">Subtitle</label>
													<input type="text" name="complex-ru-subtitle" id="complex-ru-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-0" value="0">&nbsp;<label for="complex-ru-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-1" value="1">&nbsp;<label for="complex-ru-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-ru-checkbox[]" id="complex-ru-checkbox-2" value="2">&nbsp;<label for="complex-ru-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-ru-style">Style</label>
													<select name="complex-ru-style" id="complex-ru-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
									
									<div id="tab-jp">
										<fieldset class="grey-bg">
											<legend>Required fields</legend>
											<div class="colx3-left-double required">
												<label for="complex-jp-title">Page title</label>
												<span class="relative">
													<input type="text" name="complex-jp-title" id="complex-jp-title" value="日本語" class="full-width">
													<span class="check-ok"></span>
												</span>
											</div>
											<div class="colx3-right">
												<span class="label required">Active</span>
												<p class="input-height grey-bg">
													<input type="radio" name="complex-jp-active" id="complex-jp-active-1" value="1" checked="checked">&nbsp;<label for="complex-jp-active-1">Yes</label>
													<input type="radio" name="complex-jp-active" id="complex-jp-active-0" value="0">&nbsp;<label for="complex-jp-active-0">No</label>
												</p>
											</div>
										</fieldset>
								
										<fieldset>
											<legend>Other informations</legend>
											
											<div class="columns">
												<p class="colx2-left">
													<label for="complex-jp-url">Url</label>
													<span class="relative">
														<input type="text" name="complex-jp-url" id="complex-jp-url" value="" class="full-width error">
														<span class="check-error"></span>
													</span>
												</p>
												<p class="colx2-right">
													<label for="complex-jp-subtitle">Subtitle</label>
													<input type="text" name="complex-jp-subtitle" id="complex-jp-subtitle" value="" class="full-width">
												</p>
											</div>
											
											<div class="columns">
												<p class="colx2-left">
													<span class="label">Access</span>
													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-0" value="0">&nbsp;<label for="complex-jp-checkbox-0">Everyone</label>
													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-1" value="1">&nbsp;<label for="complex-jp-checkbox-1">Logged users</label>
													<input type="checkbox" name="complex-jp-checkbox[]" id="complex-jp-checkbox-2" value="2">&nbsp;<label for="complex-jp-checkbox-2">Site administrators</label>
												</p>
												<p class="colx2-right">
													<label for="complex-jp-style">Style</label>
													<select name="complex-jp-style" id="complex-jp-style" class="full-width">
														<option value="1">Standard</option>
														<option value="1">Full-width</option>
														<option value="1">3 columns</option>
													</select>
												</p>
											</div>
										</fieldset>
									</div>
								</div>
								
								<div id="tab-options">
									Options
								</div>
								
							</div>
						</div>
						
						<div id="tab-settings" class="tabs-content">
							Settings
						</div>
						
						<div id="tab-relations" class="tabs-content">
							Relations
						</div>
						
						<div id="tab-history" class="tabs-content">
							History
						</div>
						
					</div>
					
					<div class="col200pxL-bottom">
						<p class="one-line-input grey-bg small-margin">
							<label for="complex-switch-on" class="float-left">Small switch on</label>
							<input type="checkbox" name="complex-switch-on" id="complex-switch-on" value="1" class="mini-switch" checked="checked">
						</p>
						<p class="one-line-input grey-bg clearfix">
							<label for="complex-switch-off" class="float-left">Small switch off</label>
							<input type="checkbox" name="complex-switch-off" id="complex-switch-off" value="1" class="mini-switch">
						</p>
					</div>
				</div>
				
			</form></div>
		</section>
		
		<div class="clear"></div>
		
	</article>
	
	<!-- End content -->
	
	<footer>
		
		<div class="float-right">
			<a href="#top" class="button"><img src="images/icons/fugue/navigation-090.png" width="16" height="16"> Page top</a>
		</div>
		
	</footer>
	
	<!-- Combined JS load -->
	<script src="js/mini5c1b.php?files=libs/jquery-1.6.3.min,old-browsers,jquery.accessibleList,searchField,common,standard,jquery.tip,libs/jquery.hashchange,jquery.contextMenu,list"></script>
	<!--[if lte IE 8]><script src="js/standard.ie.js"></script><![endif]-->
	
	<!-- Plugins -->
	<script  src="js/libs/jquery.datepick/jquery.datepick.min.js"></script>
	
	<script>
	
		// Search tip
		$(document).ready(function()
		{
			$('#s').tip({
				content: 'AJAX search! Try entering "add"',
				onHover: false
			});
			
			/*
			 * Datepicker
			 * Thanks to sbkyle! http://themeforest.net/user/sbkyle
			 */
			$('.datepicker').datepick({
				alignment: 'bottom',
				showOtherMonths: true,
				selectOtherMonths: true,
				renderer: {
					picker: '<div class="datepick block-border clearfix form"><div class="mini-calendar clearfix">' +
							'{months}</div></div>',
					monthRow: '{months}',
					month: '<div class="calendar-controls">' +
								'{monthHeader:M yyyy}' +
							'</div>' +
							'<table cellspacing="0">' +
								'<thead>{weekHeader}</thead>' +
								'<tbody>{weeks}</tbody></table>',
					weekHeader: '<tr>{days}</tr>',
					dayHeader: '<th>{day}</th>',
					week: '<tr>{days}</tr>',
					day: '<td>{day}</td>',
					monthSelector: '.month',
					daySelector: 'td',
					rtlClass: 'rtl',
					multiClass: 'multi',
					defaultClass: 'default',
					selectedClass: 'selected',
					highlightedClass: 'highlight',
					todayClass: 'today',
					otherMonthClass: 'other-month',
					weekendClass: 'week-end',
					commandClass: 'calendar',
					commandLinkClass: 'button',
					disabledClass: 'unavailable'
				}
			});
		});
	
	</script>
	
	<script>
	
	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-10643639-3']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</body>
</html>